import React from 'react';
import { render } from 'react-dom';

// 生成虚拟dom React.createElement(),接收三个参数
// 参数1 标签名称
// 参数2 标签属性
// 参数3 子节点
// let oDiv= React.createElement("div",{id:"box"},["我是子节点"]);
const arr = ["周一", "周二", "周三", "周四", "周五"];
let oDiv = React.createElement(
    'div',
    { id: 'box' },
    React.createElement(
        'ul',
        null,
        arr.map(item => React.createElement(
            'li',
            null,
            item
        ))
    )
);

// 把虚拟dom转换成真实的dom节点
// ReactDOM.render() 接收三个参数
// 参数1 要转换的虚拟dom
// 参数2 生成的dom节点要挂载到哪里
// 参数3 callback回调函数
render(oDiv, document.getElementById('app'), () => {
    console.log("渲染成功");
});
